<!DOCTYPE html>
<html>
<head>
 	<meta charset="UTF-8">
	<title></title>
</head>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../css/enter.css">
<body>
	<!--top-->
	<div class="top_back">
		<div class="top">
			<div class="dz-box">
				<a href="#">登录</a>
				<a class="no-border" href="#">注册</a>
			</div>
		</div>
	</div>
<!--logo-->
<div class="logo_back">
  <div class="logo">
      <div class="logo-left">
        <a href="#">
          <img src="../images/logo.png">
        </a>
      </div>
      <div class="logo-middle">
          <form class="bd-form">
            <input class="search-btn" type="submit" value=""/>
            <input class="search-input" type="text"/>
          </form>
      </div>
      <div class="logo-right">
        <a class="razer-btn">
          <span>
            <i class="fa fa-shopping-cart"></i>
            购物车
          </span>
        </a>
      </div>
  </div>
</div>
<!--ban-->
<div class="ban_back">
  <div class="ban">
      <ul class="orion-menu">
        <li class="active">
          <a href="#">全部商品分类</a>
           <!--  <ul class="home-category">
              <li class="first">
                <div class="box">
                    <a href="#">
                        <h4>鼠标</h4>
                    </a>
                    <div class="hot-item">
                        <a href="#">人体工程学</a>
                        <a href="#">双手通用</a>
                    </div>
                </div>
                <ul class="dropdown active">
                    <li class="second">
                       <a href="#">
                          <img class="pic" src="../images/mouse01.jpg"/>
                          人体工程学
                       </a>
                    </li>
                    <li class="second">
                       <a href="#">
                          <img src=""/>
                          双手通用
                       </a>
                    </li>
                    <li class="second">
                       <a href="#">
                          <img src=""/>
                          MMO
                       </a>
                    </li>
                    <li class="second">
                       <a href="#">
                          <img src=""/>
                          便携式
                       </a>
                    </li>
                </ul>
              </li>
              <li class="first"></li>
              <li class="first"></li>
              <li class="first"></li>
              <li class="first"></li>
              <li class="first"></li>
            </ul> -->
        </li>
        <li class="nav_active"><a href="#">首页</a></li>
      </ul>
  </div>
</div>
<div class="block_back">
	<div class="block box">
		<div class="ur-here">
			当前位置：
			<a href="#">首页</a>
			<code>></code>
			<a href="#">用户</a>
			<code>></code>
			用户中心
		</div>
	</div>
</div>
<div class="blank">
</div>
<!--usBox-->
<div class="usBox_back">
	<div class="usBox">
		<div class="login_left">
			<div class="pic-box">
				<a href="">
					<img src="../images/enterpic.jpg"/>
				</a>
			</div>
		</div>
		<div class="login_right">
			<div class="login_cont">
				<div class="title">
					<h3>欢迎登录雷蛇官方商城</h3>
				</div>
				<form>
					<div class="input clearfix">
						<div class="logintip"></div>
						<div class="yhm">
							<label for="userName" class="userName">用户名</label>
							<div class="box error">
								<input type="text" />
								<div class="tip">
	    							<span>-请输入用户名</span>
    							</div>
							</div>
						</div>
						<div class="mm">
							<label for="psw" class="psw">密码</label>
							<div class="box">
								<input type="password"/>
								<div class="tip">
	    							<span>-请输入密码</span>
    							</div>
							</div>
						</div>
						<div class="cap" >
							<label for="yzm" class="yzm">验证码</label>
							<div class="box">
								<input type="text" />
								<a>abcd1</a>
    							<input type="hidden" value="abcd1" />
    							<div class="tip">
	    							<span class="default">-请输入验证码</span>
    							</div>
							</div>
						</div>
						<div class="remember">
							<p>
								<input type="checkbox"/>
								记住密码
							</p>
							<span><a href="#">忘记密码?</a></span>
						</div>
						<div class="enter">
							<button class="btn">
								登录&nbsp;
								<a href="#">></a>
							</button>
							<p>
								没账号
								<a href="#">免费注册</a>
							</p>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<!--end-->
  <div class="end_back">
    <div class="end">
        <div class="bottom">
          <div class="help-title">
            <ul class="service">
              <li>
                <i><img src="../images/sftp.png"></i>
                <font>顺丰极速配送</font>
              </li>
              <li>
                <i><img src="../images/hctp.png"></i>
                <font>48小时闪电发货</font>
              </li>
              <li>
                <i><img src="../images/th.png"></i>
                <font>7天无理由退货</font>
              </li>
              <li>
                <i><img src="../images/thh.png"></i>
                <font>30余家售后网店</font>
              </li>
            </ul>
          </div>
          <div class="help-list">
              <ul class="bottomk">
                <li class="title-tip">关注我们</li>
                <li><a href="#">品牌介绍</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">官方微信</a></li>
              </ul>
              <ul class="bottomk">
                <li class="title-tip">帮助中心</li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">配送方式</a></li>
              </ul>
              <ul class="bottomk">
                <li class="title-tip">服务支持</li>
                <li><a href="#">售后政策</a></li>
                <li><a href="#">售后支持</a></li>
                <li><a href="#">驱动下载</a></li>
              </ul>
              <ul class="bottomk">
                <li class="title-tip">常见问题</li>
                <li><a href="#">隐私政策</a></li>
                <li><a href="#">发票索取</a></li>
                <li><a href="#">退换货</a></li>
              </ul>
              <div class="online-service">
                <p><a href="#">在线客服</a></p>
                <p>工作日&nbsp;9:00-24:00</p>
                 <p>节假日10:00-22:00</p>
              </div>
          </div>
        </div>
        <div class="footer">
          <p>
            <img src="../images/footer_slogan.png">
            <span>Copyright© 1999-2012 Razer (Asia-Pacific) Pte Ltd 版权所有 | 沪ICP备12035791号</span>
          </p>
        </div> 
    </div>
  </div>
</body>
</html>